<template>
  <div class="pieChart">
    <YB_PieChart
      :percent="10"
      :borderColor="'#1964BB'"
      :backgroundColor="'#A4F9FF'"
    ></YB_PieChart>
    <YB_PieChart
      :percent="50"
      :borderColor="'#087A7C'"
      :backgroundColor="'#9FFEEB'"
    ></YB_PieChart>
    <YB_PieChart
      :percent="80"
      :borderColor="'#7A5A0D'"
      :backgroundColor="'#FFE8AF'"
    ></YB_PieChart>
  </div>
</template>
<script setup>
import YB_PieChart from '@/components/YB_PieChart.vue'
</script>
<style scoped lang="scss">
.pieChart{
  display: flex;
  flex-wrap: nowrap;
}
</style>